{include file="public/header" /}

<!--你是否遇到这些困惑标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 0"}
<div class="bg-color-gray" id="index-bg1">
	<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
		<div class="layui-row">
			<div class="layui-col-md12  layui-text-center layui-one">
				<span class="layui-padding layui-boder-b">{$vo.title}</span>
			</div>
		</div>
		<div class="layui-row" style="margin-top: 60px;">
			<div class="layui-col-md12  layui-text-center layui-two">
				<span class="">{$vo.generalize}</span>
			</div>
		</div>
	</div>

	<!--你是否遇到这些困惑标题部分结束-->

	<!--你是否遇到这些困惑内容部分开始-->
	<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
		<div class="layui-row layui-text-center layui-col-space30">
			{volist name="$vo.son" id="vo2"}
			<div class="layui-col-md4">
				<img src="{$vo2.thumb}" />
				<h1>{$vo2.title}</h1>
				<p>{$vo2.content}</p>
			</div>
            {/volist}
		</div>
	</div>
</div>
{/if}
{/volist}
<!--你是否遇到这些困惑内容部分结束-->

<!--零零诉的解决方案标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 1"}
<div class="layui-fluid layui-margin-top-100 layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
	<div class="layui-row">
		<div class="layui-col-md12  layui-text-center layui-one">
			<span class="layui-padding layui-boder-b text-color-black">{$vo.title}</span>
		</div>
	</div>
	<div class="layui-row" style="margin-top: 60px;">
		<div class="layui-col-md12  layui-text-center layui-two">
			<span class="text-color-black">{$vo.content}</span>
		</div>
	</div>
</div>
<!--零零诉的解决方案标题部分开始-->
<!--零零诉的解决方案内容部分开始-->
<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
	{volist name="$vo.son" id="vo2"}
	{if condition="$key eq 0"}
	<div class="layui-row layui-margin-bottom-74 box-showder">
		<div class="layui-col-md7">
			<div class="out-wraper">
				<div class="text-color-yellow question-title">
					<span class="title-number">1</span>{$vo2.title}</div>
				<h3>{$vo2.generalize}</h3>
				{$vo2.content}
			</div>
		</div>
		<div class="layui-col-md5">
			<img src="{$vo2.thumb}" />
		</div>
	</div>
	{/if}
	{/volist}

	{volist name="$vo.son" id="vo2"}
	{if condition="$key eq 1"}
	<div class="layui-row layui-margin-bottom-74 box-showder">
		<div class="layui-col-md5">
			<img src="{$vo2.thumb}" />
		</div>
		<div class="layui-col-md7">
			<div class="out-wraper-mid">
				<div class="text-color-yellow question-title">
					<span class="title-number">2</span>{$vo2.title}</div>
				<h3>{$vo2.generalize}</h3>
				{$vo2.content}
			</div>
		</div>
	</div>
	{/if}
	{/volist}

	{volist name="$vo.son" id="vo2"}
	{if condition="$key eq 2"}
	<div class="layui-row layui-margin-bottom-74 box-showder">
		<div class="layui-col-md7">
			<div class="out-wraper">
				<div class="text-color-yellow question-title">
					<span class="title-number">3</span>{$vo2.title}</div>
				<h3>{$vo2.generalize}</h3>
				<pre>{$vo2.content}</pre>
			</div>
		</div>
		<div class="layui-col-md5">
			<img src="{$vo2.thumb}" />
		</div>
	</div>
	{/if}
	{/volist}
</div>
{/if}
{/volist}
<!--零零诉的解决方案内容部分结束-->


<!--经典案列标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 2"}
<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
	<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
		<div class="layui-row">
			<div class="layui-col-md12  layui-text-center layui-one layui-margin-top-100">
				<span class="layui-padding layui-boder-b">{$vo.title}</span>
			</div>
		</div>
	</div>
	<div class="layui-row" style="margin-top: -30px;">
		<div class="layui-col-md12  layui-text-center layui-two">
			<span>{$vo.generalize}</span>
		</div>
	</div>
</div>
{/if}
{/volist}
<!--经典案列标题部分结束-->
<!--经典案列内容部分开始-->
<div id="index-bg2">
	<div class="layui-container wow bounceInRight" data-wow-duration='1.2s'>
		<div class="layui-row">
			<div class="layui-col-md12 layui-text-center">
				<ul class="index-classic">
					{volist name="caseid" id="vo"}
					{if condition="$key eq 0"}
					<li class="index-classic-detail" style="background: url(__STATIC__/computer/img/lls01/lls0114.png) center center no-repeat;background-size: 100% 100%;">
						<div class="index-classic-detail-bg">
							<span class="fa fa-ravelry"></span>
							<h3>{$vo.cateid.title}</h3>
						</div>
						<div class="index-classic-innerdetail">
							<p>一审法院：{$vo.court}</p>
							<p>涉案金额：{$vo.money}万元</p>
							<p>投案时间：{$vo.create_at|mb_substr=0,10,'utf-8'}</p>
							<p>案件状态：已结案</p>
							<p>零零诉匹配律师：{$vo.Lawyer}</p>
							<p>客户评价：{$vo.evaluate|mb_substr=0,50,'utf-8'}.....</p>
						</div>
					</li>
					{/if}
					{/volist}

					{volist name="caseid" id="vo"}
					{if condition="$key eq 1"}
					<li class="index-classic-detail" style="background: url(__STATIC__/computer/img/lls01/lls0111.png) center center no-repeat;background-size: 100% 100%;">
						<div class="index-classic-detail-bg">
							<span class="fa fa-ravelry"></span>
							<h3>{$vo.cateid.title}</h3>
						</div>
						<div class="index-classic-innerdetail">
							<p>一审法院：{$vo.court}</p>
							<p>涉案金额：{$vo.money}万元</p>
							<p>投案时间：{$vo.create_at|mb_substr=0,10,'utf-8'}</p>
							<p>案件状态：已结案</p>
							<p>零零诉匹配律师：{$vo.Lawyer}</p>
							<p>客户评价：{$vo.evaluate|mb_substr=0,50,'utf-8'}.....</p>
						</div>
					</li>
					{/if}
					{/volist}

					{volist name="caseid" id="vo"}
					{if condition="$key eq 2"}
					<li class="index-classic-detail" style="background: url(__STATIC__/computer/img/lls01/lls0112.png) center center no-repeat;background-size: 100% 100%;">
						<div class="index-classic-detail-bg">
							<span class="fa fa-ravelry"></span>
							<h3>{$vo.cateid.title}</h3>
						</div>
						<div class="index-classic-innerdetail">
							<p>一审法院：{$vo.court}</p>
							<p>涉案金额：{$vo.money}万元</p>
							<p>投案时间：{$vo.create_at|mb_substr=0,10,'utf-8'}</p>
							<p>案件状态：已结案</p>
							<p>零零诉匹配律师：{$vo.Lawyer}</p>
							<p>客户评价：{$vo.evaluate|mb_substr=0,50,'utf-8'}.....</p>
						</div>
					</li>
					{/if}
					{/volist}

					{volist name="caseid" id="vo"}
					{if condition="$key eq 3"}
					<li class="index-classic-detail" style="background: url(__STATIC__/computer/img/lls01/lls0113.png) center center no-repeat;background-size: 100% 100%;">
						<div class="index-classic-detail-bg">
							<span class="fa fa-ravelry"></span>
							<h3>{$vo.cateid.title}</h3>
						</div>
						<div class="index-classic-innerdetail">
							<p>一审法院：{$vo.court}</p>
							<p>涉案金额：{$vo.money}万元</p>
							<p>投案时间：{$vo.create_at|mb_substr=0,10,'utf-8'}</p>
							<p>案件状态：已结案</p>
							<p>零零诉匹配律师：{$vo.Lawyer}</p>
							<p>客户评价：{$vo.evaluate|mb_substr=0,50,'utf-8'}.....</p>
						</div>
					</li>
					{/if}
					{/volist}

					{volist name="caseid" id="vo"}
					{if condition="$key eq 4"}
					<li class="index-classic-detail" style="background: url(__STATIC__/computer/img/lls01/lls0110.png) center center no-repeat;background-size: 100% 100%;">
						<div class="index-classic-detail-bg">
							<span class="fa fa-ravelry"></span>
							<h3>{$vo.cateid.title}</h3>
						</div>
						<div class="index-classic-innerdetail">
							<p>一审法院：{$vo.court}</p>
							<p>涉案金额：{$vo.money}万元</p>
							<p>投案时间：{$vo.create_at|mb_substr=0,10,'utf-8'}</p>
							<p>案件状态：已结案</p>
							<p>零零诉匹配律师：{$vo.Lawyer}</p>
							<p>客户评价：{$vo.evaluate|mb_substr=0,50,'utf-8'}.....</p>
						</div>
					</li>
					{/if}
					{/volist}
					</ul>
			</div>
		</div>
	</div>
</div>

<div class="layui-fluid">
	<div class="layui-row bg-color-gray">
		<div class="layui-col-md12">
			<div class="chakan-btn" onclick="window.location.href='{:url("classiccase/index")}'">查看更多</div>
		</div>
	</div>
</div>
<!--经典案列内容部分结束-->
<!--我们的规模标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 3"}
<div id="index-bg3">
	<div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
		<div class="layui-row">
			<div class="layui-col-md12  layui-text-center layui-one">
				<span class="layui-padding layui-boder-b">{$vo.title}</span>
			</div>
		</div>
		<div class="layui-row" style="margin-top: 60px;">
			<div class="layui-col-md12  layui-text-center layui-two">
				<span class="">{$vo.generalize}</span>
			</div>
		</div>
	</div>
	{/if}
	{/volist}
	<!--我们的规模标题部分结束-->
	<!--我们的规模内容部分开始-->
	<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
		<div class="layui-row">
			<div class="layui-col-md5 layui-col-md-offset7">
				<div class="search-wraper box-showder2">
					<div class="search-wraper-title">
						<i class="fa fa-search" style="font-size: 18px;color: #aaa;" onclick="dianji()"></i>
						<input type="text" name="address" id="address" placeholder="请输入地址" />
						<select class="slect" name="city" id="shenfen">
							<option value="">省份</option>
							{volist name="parent" id="vo"}
							<option class="shenfenopt" value="{$vo.code}">{$vo.name}</option>
						   {/volist}
						</select>
						<select class="slect" name="country" id="citys">
							<option value="">城市</option>
							{volist name="parent" id="vo"}
							{volist name="$vo.son" id="vo2"}
							{if condition="$key eq 0"}
							<option value="{$vo2.name}">{$vo2.name}</option>
							{/if}
							{/volist}
							{/volist}
						</select>
					</div>
					<div class="search-wraper-nav">
						<span class="acivity btnlvsuo"><i class="yuanq1"></i>律所</span>
						<span class="btncustom"><i class="yuanq2"></i>客户</span>
					</div>
					<div class="search-wraper-content bg-color-white" id="app">
						<ul id="lvsuo">
							<li v-for="rets in link">{{rets.name}}</li>
						</ul>
						<ul id="custom">
							<li v-for="ret in datalist">{{ret.username}}</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--我们的规模内容部分结束-->

<!--平台动态标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 3"}
<div class="layui-fluid layui-margin-bottom-100 layui-margin-top-100 wow bounceInLeft" data-wow-duration='1.2s'>
	<div class="layui-row">
		<div class="layui-col-md12 layui-text-center layui-one">
			<span class="layui-padding layui-boder-b text-color-black">{$vo.title}</span>
		</div>
	</div>
	<div class="layui-row" style="margin-top: 60px;">
		<div class="layui-col-md12 layui-text-center layui-two">
			<span class="text-color-black">{$vo.generalize}</span>
		</div>
	</div>
</div>
{/if}
{/volist}
<!--平台动态标题部分开始-->
<!--平台动态内容部分开始-->
<div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
	<div class="layui-row layui-col-space30">
		<div class="layui-col-md6">
			{volist name="article" id="vo"}
			{if condition="$key eq 0"}
			<div class="left-contentbox">
				<!-- <h1>最新签约</h1> -->
				<div>
					<img src="{$vo.thumb}" width="100%" />
				</div>
				<h2>{$vo.title}</h2>
                {$vo.generalize|mb_substr=0,50,'utf-8'}......
				<div class="morenews">
					<a href="javascript:;" onclick="window.location.href='{:url(\'newsdetails/index\')}?id={$vo.id}'">更多
						<i class="fa fa-angle-double-right"></i>
					</a>
				</div>
			</div>
			{/if}
			{/volist}
		</div>

		<div class="layui-col-md6">
			<div class="right-contentbox">
				<!-- <h1>平台动态</h1> -->
				<ul>
					{volist name="article" id="vo"}
					{if condition="$key gt 0 & $key lt 5"}
					<li>
						<div class="right-contentbox-left">
							<div class="title1">{$vo.create_at|mb_substr=8,2,'utf-8'}</div>
							<div class="title2" id="zhifuc">{$vo.create_at|mb_substr=0,7,'utf-8'}</div>
						</div>
						<div class="right-contentbox-right">
							<h3 onclick="window.location.href='{:url(\'newsdetails/index\')}?id={$vo.id}'">{$vo.title}</h3>
                           {$vo.generalize|mb_substr=0,55,'utf-8'}......
						</div>
					</li>
					{/if}
					{/volist}
				</ul>
			</div>
		</div>
	</div>
</div>
<!--平台动态内容部分结束-->
<script>

    var vm = new Vue({
        el:'#app',
        data:{
            'datalist':'',
			'link':''
        }
    });
    $(document).ready(function () {
        $("#shenfen").bind(".shenfenopt").click(function () {
            var code = $(this).val();
            $.ajax({
                url: "{:url('index/city')}",
                data:{code:code},
                type: 'GET',
                dataType: 'json',
                timeout: 1000,
                cache: false,
                beforeSend: LoadFunction, //加载执行方法
                error: erryFunction,  //错误执行方法
                success: succFunction //成功执行方法
            })
            function LoadFunction() {
                $("#citys").html('加载中...');
            }
            function erryFunction() {
                alert("error");
            }
            function succFunction(data) {
                $("#citys").html(' ');
                var json = eval(data); //数组
                var text = '<option value="">'+'城市'+'</option>';
                for(var i=0;i<json.length;i++){
                    text+='<option + value='+json[i]["name"]+'>'+json[i]['name']+'</option>';
                    $("#citys").html(text);
                }
            }
        });
    });

    layui.use(['layer'],function () {
        var layer = layui.layer;
    })
    //点击查询
    function dianji() {
       var vus = $('input[name="address"]').val();
       if(vus == ''){
           layer.msg('请输入要查询的城市名');
	   }
       $.getJSON("{:url('index/index')}",{use:vus},function (data) {
           if (data.code === 0){
               vm.datalist = data.data;
               vm.link = data.addre;
           }else{
               vm.datalist = '';
               vm.link = '';
           }
       })
    }
    //根据城市查出所有的用户
    $("#citys").bind("change",function () {
        var name = $(this).val();
        $.post("{:url('index/index')}",{name:name},function (data) {
            if (data.code === 0){
                vm.datalist = data.data;
                vm.link = data.addre;
            }else{
                vm.datalist = '';
                vm.link = '';
            }
        });
    });
    $.ajax({
        url: "{:url('index/allcat')}",
        dataType: 'json',
        success:function (ret) {
            vm.datalist = ret.yonghu;
            vm.link = ret.lusuo;
        }
    });
</script>
{include file="public/footer" /}
